<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li>
                    <a href="#/star/metric/data_map_list">数据地图</a>
                </li>
                <li class="active">数据详情</li>
            </ul>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div style="float:right;">
<!--            <a href="https://bdp.58.com/bi/index#/dataMapReveal"> <u>智慧树</u> </a>-->
            <a href="#/star/metric/data_map_add/id/{{vm.p.id}}" style="padding-left:10px;"><u>修改主题</u></a>
        </div>
        <h4 class="sub-header" style="display:inline-block">基础信息</h4>
        <div style="margin: 10px 20px 20px 0">
            <table id="tbl" border=0 width="80%" frame=void >
                <tr>
                    <td width="400px" colspan="2">库表名称：{{vm.result.data.topicTbl}} </td>
                    <td width="200px" colspan="1">负责人：{{vm.result.data.ownerId}}</td>
                    <td width="200px" colspan="1">DP数据地图链接：
                        <a href="https://dp.58corp.com/data-map/detail-page/{{vm.result.data.topicTblId}}" target="_blank">
                            <u>{{vm.result.data.topicTblId}}</u>
                        </a>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">表描述(备注)：{{vm.result.data.topicTblDesc}} </td>
                </tr>
<!--                <tr>-->
<!--                    <td width="200px">数据重要等级(任务优先级)：P2</td>-->
<!--                    <td width="200px">数据安全级别（数据保护级）：C1</td>-->
<!--                    <td width="200px">生命周期（天）：100</td>-->
<!--                    <td width="200px">表热度（下游任务数）：10</td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                    <td width="200px">数据量（条）：1000</td>-->
<!--                    <td width="200px">日增量（条）：1000</td>-->
<!--                    <td width="200px">最近写入：2021.07.13 12:00</td>-->
<!--                    <td width="200px">最近访问：2021.07.13 12:00</td>-->
<!--                </tr>-->
<!--                来源于表： tbl_hrg_data_governance_chaotic_table， 对应数仓： dwd_zp_rock_table_meta_all-->
            </table>
        </div>

        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h4 class="sub-header" style="display:inline-block">血缘关系</h4>
                <!--<a href="#/star/order/data_meta_list/0"> 血缘关系 </a>-->
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="topicTblId" data-sortable="true" data-formatter="topicTblIdOptFmt">操作</th>
                        <th data-field="relationType" data-sortable="true">依赖关系</th>
                        <th data-field="topicTbl" data-sortable="true" data-formatter="topicTblFmt">对应表(库.表)</th>
                        <th data-field="topicTblDesc" data-sortable="true" data-formatter="topicTblDescFmt">表描述</th>
                        <th data-field="topicTblOwnerId" data-sortable="true" >技术负责人</th>
                        <th data-field="businessOwnerId" data-sortable="true" >业务接口人</th>
                        <th data-field="topicTblProduceTime" data-sortable="true" >产出时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
